/*
*
* @Author: Sheila 
* @version 0.1
*/

/* ============ Layout ======================*/

.marcasredondopeq {display: none};
.marcasredondogde{padding-top: 80px;}
.quadroescuta{background: url('../img/EscutaFundoPB.png'); background-repeat: no-repeat;}
.tabelamarcastab{display: none}

@media screen and (min-width: 0px) and (max-width: 600px) {
		div.quadrofotos{display: none;}
		div.quadroprimeiro{display: none;}
		div.quadroprimeirocel{display: block;}
		div.quadrofotoscelular{display: block;}
		div.quadroinicio {padding-top: 60px;} 
  	div.video{width: 200px;}  	
  	div.tabelamarcasexpandida{display: none;}
  	div.tabelamarcastab{display: block; padding-left: 20px;}
  	div.logocel{display: block;}
    div.logopc{display: none;}
    div.quadropatricia{display: none;}
    div.secaopatricia{display: none;}    
    div.secaopatriciacel{height: 850px;}
    table.tabelacontos1{display: none;}
    section.quadromarcas{display: none;} 
    section.quadroescuta {background: url('../img/EscutaFundoPBPequena.png'); background-repeat: no-repeat;}
    section.Srepertorio{display: none;}
    section.Smares{display: none;}
    section.Santiprincesas{display: none;}
    section.Sfiandeiras{display: none;}
    section.abertura{display: none;}
    section.Scascudo{display: none;} 
    section.SLobos{display: none;}     
    section.SFadas{display: none;}   
    section.SAsiaticos{display: none;} 
    section.SAfricanos{display: none;} 
    section.SIndigenas{display: none;} 
    section.SAssombra{display: none;} 
    section.SArvores{display: none;}
    section.SSaber{display: none;}
    section.STece{display: none;}
    section.SMulheres{display: none;}
    section.SApresenta{display: none;}
    section.FotosContos{display: none;}
    section.telapc{display: none;}
    td.telapc{display: none;} 
    div.telapc{display: none;} 
    img.telacel{display: none;} 
    div.quadrovariavel {height: 40%;}
    div.quadrovariavel1 {height: 50%;}
    td.pvar{padding: 20px 20px 0px 20px;}
    table.tabelaempresas{font-size: 0.9rem;}
    section.Secao1{display: none;}
    section.PropostaCC{display: none;}
    section.Vivencia{display: none;}
    img.escondercel{display: none;}
    a.escondercel{display: none;}
    td.textoescola{font-size: 1rem;}
    div.fonterelativa{font-size: 1rem;}
    img.redcel{max-width: 80px;}
    section.bibliografiacc{display: none;} 
    section.PatriciaCC{display: none;}
  }

@media screen and (min-width: 600px) {
	  div.logocel{display: none;}
    div.logopc{display: block;}
    div.quadropatricia{display: block;}
    div.quadropatriciacel{display: none;}
    div.secaopatriciacel{display: none;}
    div.secaopatricia{display: block;}
    div.quadroprimeiro{display: block;}
		div.quadroprimeirocel{display: none;}
		section.quadromarcascel{display: none;} 
		table.tabelacontos1{display: block;}
    table.tabelacontoscel{display: none;}
    section.Srepertoriocel{display: none;}
    section.Smarescel{display: none;}
    section.Santiprincesascel{display: none;}
    section.Saberturacel{display: none;}
    section.Sfiandeirascel{display: none;}
    section.Scascudocel{display: none;}     
    section.SLoboscel{display: none;} 
    section.SFadascel{display: none;} 
    section.SAsiaticoscel{display: none;}
    section.SAfricanoscel{display: none;} 
    section.SIndigenascel{display: none;} 
    section.SAssombracel{display: none;} 
    section.SArvorescel{display: none;} 
    section.SSabercel{display: none;}
    section.STececel{display: none;}
    section.SMulherescel{display: none;}
    section.Saberturacel{display: none;}
    section.FotosContosCel{display: none;}
    section.telacel{display: none;}
    td.telacel{display: none;}
    div.telacel{display: none;}
    img.telacel{display: none;}
    div.quadrovariavel {height: 100%;}
    div.quadrovariavel1 {height: 100%;}
    td.pvar{padding: 40px 40px 0px 40px;}
    section.Secao1Cel{display: none;}
    section.Propostacel{display: none;}
    section.VivenciaCel{display: none;}
    td.textoescola{font-size: 1.5rem;}
    a.esconderpc{display: none;}
    section.bibliografiaccel{display: none;}
    div.fonterelativa{font-size: 1.5rem;}
    section.PatriciaCCel{display: none;}
    tr.oculpapc{display: none;}
}


.whats-float {
    position: fixed;
    transform:translate(130px,0px);
    top:10%;
    right:0;
    width:180px;
    overflow: hidden;
    background-color: #25d366;
    color: #FFF;
    border-radius: 2px 0 0 2px;
    z-index: 15;
    transition: all 0.5s ease-in-out;
    vertical-align: middle
}
.whats-float a span {
    color: white;
    font-size: 15px;
    padding-top: 8px;
    padding-bottom: 10px;
    position: absolute;
    line-height: 16px;
    font-weight: bolder;
}

.whats-float i {
    font-size: 30px;
    color: white;
    line-height: 30px;
    padding: 10px;
    transform:rotate(0deg);
    transition: all 0.5s ease-in-out;
    text-align:center;

}

.whats-float:hover {
    color: #FFFFFF;
    transform:translate(0px,0px);
}

.whats-float:hover i  {
    transform:rotate(360deg);
}

.center {
  margin: auto;
  width: 50%;
}

.dropdown:hover>.dropdown-menu{
	display: block;
}

.secaopatricia{
	height: 100%;;
}

.row2{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
}

.marcas2018{
	background: url('../img/blocodenotas.png');
	background-repeat: no-repeat;
	height:  100%}

.tabelaCursos1{
	text-align: justify;
	line-height: 1.5;
	width:90%;
	margin-top: 30px;	
	margin-left: 60px;
	font-family: 'Quicksand', sans-serif; 
	font-size: 1.3rem;
	height:  40%; 
	color: #1F0D04;
	font-weight: bold;
	text-indent:4em ;
}

.tabelaCursos2{
	text-align: justify;
	line-height: 1.5;
	width:90%;
	margin-left: 5%;
	font-family: 'Quicksand', sans-serif; 
	font-size: 1rem;
	height:  40%; 
	color: #1F0D04;
	font-weight: bold;
	text-indent:4em ;
}

.tabelaCursos3{
	text-align: justify;
	line-height: 1.5;
	width:90%;
	margin-left: 60px;
	font-family: 'Quicksand', sans-serif; 
	font-size: 1.5rem;
	height:  40%; 
	color: #1F0D04;
	font-weight: bold;
	text-indent:4em ;
}

.textoescola{
	text-align: justify;
	line-height: 1.5;
	font-family: 'Quicksand', sans-serif; 
	color: #1F0D04;
	text-indent:4em ;
}

.textoescola2{
	text-align: justify;
	font-family: 'Quicksand', sans-serif; 
	color: #1F0D04;
	text-indent:2em ;
}

.apresentacc{
	line-height: 1.5;
	font-family: 'Quicksand', sans-serif; 
	font-size: 1.2rem;
}

.expandirmarcas{
	background: url('../img/varioslapis.jpg');
	background-repeat: no-repeat;
	height:  100%}
}

.centralizar {
	display: table-cell; 
	vertical-align: middle;
	padding-top: 100px;
	color: #ffff;
}

html, body, .quadroinicio, .body_geral , .miolo {
	height: 100%;
	font-family: 'Quicksand', sans-serif;
}

a {color: blue;font-weight: bold;}

.body_geral{
	height: 100%;
	background: url('../img/bau.jpg');
	background-attachment: fixed;
	font-family: 'Quicksand', sans-serif;
}

.body_bco{
	height: 100%;
	background-color: #ffff;
	font-family: 'Quicksand', sans-serif;
}

.body_gelo{
	height: 100%;
	background-color: #F1EDDC;
	font-family: 'Quicksand', sans-serif;
	color: #1F0D04;
}

.body_marcas{
	height: 100%;
	background-color: #f8ebe3;
	font-family: 'Quicksand', sans-serif; 
}

.bg-Firebrick {background-color: #B22222; color: #FF4500;}

.quadroinicio{
	padding-top: 60px;
	background-color: #ffff;
	/* background-image: linear-gradient(rgba(255,69,0,0),rgba(255,69,0,0.5),#FF4500);*/
}

.quadrofotos{
	padding-bottom: 2%;
}

.larguracontainer {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.fundopapel {
	background-image: url('../img/FundoPrimeira.png');
	background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
}

/* TAMANHOS */

.quadrocheio{height: 100%;}

.quadro110{height: 110%;}

.quadro115{height: 125%;}

.quadro130{height: 130%;}

.quadro150{height: 150%;}

.quadroprojetos{height: 140%;}


/* CORES */

.bg_laranja {background-color: #E87722;}

.laranja { color: #E87722}


.textoboasvindas{
	max-width: 600px;
	height: relative;
	color: #ffff;
	margin-top: 80px;
	float: right;
}

.quadrobv{
	background: url('../img/NarrAr-132.jpg');
	font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif; 
}

.quadrogrupo{
	background-color: #ffff; 
	padding-top: 50px;
	margin-top: 20px;
}

.quadroconta{background: url('../img/CincoContos_sepia.jpeg'); background-repeat: round; }

.quadromaosfadas{
	background: url('../img/EscutaThalitaSepia.jpg'); 
	background-repeat: no-repeat;
	background-color: #1a1712;}

.quadromaosfadascel{
	background: url('../img/MaosCelular.png'); 
	background-repeat: no-repeat;
	background-color: #1a1712;}


.quadrohistescuta{background-color: #ffffdb;}

.mapaescuta{background: url('../img/mapa.jpg'); background-repeat: no-repeat;}

.textoescuta{background-color: rgba(0,0,0,0.8); color: white;}

.textocontos{
	background-color: rgba(241, 237, 220,0.8); 	
	font-weight: bold;
	}

.textoftmarcas{background-color: rgba(255,255,255,0.8); padding-top: 20px;}

.tabelaondepassamos p{margin: 0px; padding-left: 10%;}

.tabelamarcas {
	max-width: 550px;
	height: relative;
}

.textomapaescuta{
	background-color: rgba(255,250,240,0.8); 
	color: #8B4513;
	padding-top: 10px;
	margin-left: 25%;
	max-width: 600px}

.textomapaescutacel{
	background-color: rgba(255,250,240,0.8); 
	color: #8B4513;
	padding-top: 10px;
	max-width: 500px}

.textomaosfadas{
	max-width: 600px;
	height: relative;
	color: white;
	float: right;
	background-color: rgba(91,81,63,0.8); 
	color: #ffffdb;
	padding: 10px 10px 10px 10px;  
	margin-right: 10%;
	margin-top: 10%;
}

.textosinopsemarcas{
	max-width: 300px;
	height: relative;
	color: #ffff;
	margin-top: 80px;
	float: right;
	background-color: rgba(0,0,0,0.8); 
	color: white;
}

.textosinopseescuta{
	max-width: 550px;
	color: #ffff;
	margin-top: 15%;
	float: left;
	background-color: rgba(0,0,0,0.8); 
	color: white;
	margin-left: 2px;
	padding: 10px 10px 10px 10px;
}

.textosinopseescutacel{
	color: #ffff;
	margin-top: 50%;
	float: left;
	background-color: rgba(0,0,0,0.8); 
	color: white;
	margin-left: 2px;
	padding: 10px 10px 10px 10px;
}

.text-center .img-responsive {margin: 0 auto;}

.quadromarcas{ 
	background:  
    linear-gradient(
    rgba(0, 0, 0, 0.45), 
    rgba(0, 0, 0, 0.45)
    ),
    url('../img/Publico.png');
		color: white;
	};

.quadromarcascel{ 
	background:  
    linear-gradient(
    rgba(0, 0, 0, 0.45), 
    rgba(0, 0, 0, 0.45)
    ),
    url('../img/MarcasIndex.jpg');
		color: white;
	};

.logobetinho{
		background-color: rgba(25,25,112,0.5); 
		margin-right: 10px;
		margin-left: 10px;
	}


.sinopseescuta{
	background-color: #F1EDDC;
	height: 100%;
}

.sinopseescutacel{
	background-color: black;
	height: 120%;
	background: url('../img/EscutaFundoPBCel.png'); 
	background-repeat: no-repeat;
}

.horizontalfixo{position: fixed;}

.bg-laranja {background-color: #FF4500;}

.fontepreta{color:#000000;}

.tabelaempresas{
	text-align: justify;
	line-height: 1.5;
	width:90%;
	margin-top: 30px;	
	margin-left: 10px;
	font-family: 'Quicksand', sans-serif; 
	font-size: 1.2rem;
	color: #1F0D04;
	font-weight: bold;
}


/* TABELA MARCAS=================================================================== */
.tab {
  overflow: hidden;
  background-color: rgba(0,0,0,0.5);
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #708090;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #708090;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  color: white;
  background-color: rgba(0,0,0,0.6);
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}